<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>sunBlog</title>
<link rel="stylesheet" type="text/css"
	href="/hmp/showIndex/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css"
	href="/hmp/showIndex/css/nprogress.css">
<link rel="stylesheet" type="text/css"
	href="/hmp/showIndex/css/style.css">
<link rel="stylesheet" type="text/css"
	href="/hmp/showIndex/css/font-awesome.min.css">
<link rel="apple-touch-icon-precomposed"
	href="/hmp/showIndex/images/icon/icon.png">
<link rel="shortcut icon" href="/hmp/showIndex/images/icon/favicon.ico">
<script src="/hmp/showIndex/js/jquery-2.1.4.min.js"></script>
<script src="/hmp/showIndex/js/nprogress.js"></script>
<script src="/hmp/showIndex/js/jquery.lazyload.min.js"></script>
  

</head>

<body class="user-select">
	<!--头部 开始  -->
	<header class="header">
		<nav class="navbar navbar-default" id="navbar">
			<div class="container">
				<div class="header-topbar hidden-xs link-border">
					<ul class="site-nav topmenu">
						<li><a href="tags.html">标签云</a></li>
						<li><a href="readers.html" rel="nofollow">读者墙</a></li>
						<li><a href="links.html" rel="nofollow">友情链接</a></li>
						<li class="dropdown"><a class="dropdown-toggle"
							data-toggle="dropdown" role="button" aria-haspopup="true"
							aria-expanded="false" rel="nofollow">关注本站 <span class="caret"></span></a>
							<ul class="dropdown-menu header-topbar-dropdown-menu">
								<li><a data-toggle="modal" data-target="#WeChat"
									rel="nofollow"><i class="fa fa-weixin"></i> 微信</a></li>
								<li><a href="#" rel="nofollow"><i class="fa fa-weibo"></i>
										微博</a></li>
								<li><a data-toggle="modal" data-target="#areDeveloping"
									rel="nofollow"><i class="fa fa-rss"></i> RSS</a></li>
							</ul></li>
					</ul>
					<a data-toggle="modal" data-target="#loginModal" class="login"
						rel="nofollow">Hi,请登录</a>&nbsp;&nbsp;<a href="javascript:;"
						class="register" rel="nofollow">我要注册</a>&nbsp;&nbsp;<a href=""
						rel="nofollow">找回密码</a>
				</div>
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed"
						data-toggle="collapse" data-target="#header-navbar"
						aria-expanded="false">
						<span class="sr-only"></span> <span class="icon-bar"></span> <span
							class="icon-bar"></span> <span class="icon-bar"></span>
					</button>
					<h1 class="logo hvr-bounce-in">
						<a href="" title=""><img src="/hmp/showIndex/images/logo.png"
							alt="" style="width: 300px; height: 60px""></a>
					</h1>
				</div>
				<div class="collapse navbar-collapse" id="header-navbar">
					<ul class="nav navbar-nav navbar-right">
						<li class="hidden-index active"><a data-cont="sunBlog"
							href="index.html">sunBlog</a></li>
						<li><a href="category.html">前端技术</a></li>
						<li><a href="category.html">后端程序</a></li>
						<li><a href="category.html">管理系统</a></li>
						<li><a href="category.html">授人以渔</a></li>
						<li><a href="category.html">程序人生</a></li>
					</ul>
					<form class="navbar-form visible-xs" action="Search" method="post">
						<div class="input-group">
							<input type="text" name="keyword" class="form-control"
								placeholder="请输入关键字" maxlength="20" autocomplete="off">
							<span class="input-group-btn">
								<button class="btn btn-default btn-search" name="search"
									type="submit">搜索</button>
							</span>
						</div>
					</form>
				</div>
			</div>
		</nav>
	</header>
	<!--头部 结束 -->


	<section class="container">
		<div class="content-wrap">
			<div class="content">
				<div class="jumbotron">
					<h1>欢迎访问sunBlg博客</h1>
					<p>记记,写写,没有远大的抱负,挣大钱,迎娶白富美,走向人生巅峰！</p>
				</div>
				<div id="focusslide" class="carousel slide" data-ride="carousel">
					<ol class="carousel-indicators">
						<li data-target="#focusslide" data-slide-to="0" class="active"></li>
						<li data-target="#focusslide" data-slide-to="1"></li>
						<li data-target="#focusslide" data-slide-to="2"></li>
					</ol>
					<div class="carousel-inner" role="listbox">
						<div class="item active">
							<a href="" target="_blank"><img
								src="/hmp/showIndex/images/banner/banner_01.jpg" alt=""
								class="img-responsive"></a>
							<!--<div class="carousel-caption"> </div>-->
						</div>
						<div class="item">
							<a href="" target="_blank"><img
								src="/hmp/showIndex/images/banner/banner_02.jpg" alt=""
								class="img-responsive"></a>
							<!--<div class="carousel-caption"> </div>-->
						</div>
						<div class="item">
							<a href="" target="_blank"><img
								src="/hmp/showIndex/images/banner/banner_03.jpg" alt=""
								class="img-responsive"></a>
							<!--<div class="carousel-caption"> </div>-->
						</div>
					</div>
					<a class="left carousel-control" href="#focusslide" role="button"
						data-slide="prev" rel="nofollow"> <span
						class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
						<span class="sr-only">上一个</span>
					</a> <a class="right carousel-control" href="#focusslide" role="button"
						data-slide="next" rel="nofollow"> <span
						class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
						<span class="sr-only">下一个</span>
					</a>
				</div>
				<article class="excerpt-minic excerpt-minic-index">
					<h2>
						<span class="red">【今日推荐】</span><a href="" title="">从下载看我们该如何做事</a>
					</h2>
					<p class="note">一次我下载几部电影，发现如果同时下载多部要等上几个小时，然后我把最想看的做个先后排序，去设置同时只能下载一部，结果是不到一杯茶功夫我就能看到最想看的电影。
						这就像我们一段时间内想干成很多事情，是同时干还是有选择有顺序的干，结果很不一样。同时...</p>
				</article>
				<div class="title">
					<h3>最新发布</h3>
					<div class="more">
						<a href="">PHP</a><a href="">JavaScript</a><a href="">EmpireCMS</a><a
							href="">Apache</a><a href="">MySQL</a>
					</div>
				</div>

				<!-- 文章 列表 循环  -->
				<#if ActiveList?exists> 
					<#list ActiveList as active>
				<article class="excerpt excerpt-1">
				 
					<a class="focus" href="/sunBlog/active/#{active.activeId}" title=""><img
						class="thumb" data-original="images/excerpt.jpg"
						src="${picUrl!''}${active.pic!''}" alt="">
					</a>
					 
					<header>
						<a class="cat" href="program">${active.typeName}<i></i></a>
						<h2>
							<a href="/sunBlog/active/#{active.activeId}" title=""> ${active.title}</a>
						</h2>
					</header>
					<p class="meta">
						<time class="time">
							<i class="glyphicon  glyphicon-time"></i>
							${active.createTime?string('yyyy-MM-dd')}
						</time>
						<span class="views"><i class="glyphicon glyphicon-eye-open"></i>
							共 ${active.visits} 人围观</span> <a class="comment"
							href="/sunBlog/active/#{active.activeId}"><i
							class="glyphicon glyphicon-comment"></i> 0个不明物体</a>
					</p>
					 <p class="note">
					 		  <#if active.text?length lt 50>   
								${active.text}

								<#else> 
								     ${active.text[0..50]} ... 
								</#if>
					 </p>
							</article>
					  </#list>
			   </#if>
			  
			    <nav class="pagination" style="display: none;">
				    <ul>
				      <li class="prev-page"></li>
				        <#if nextPage?exists>
				        <li class="next-page"><a
							href="/sunBlog/page/${nextPage}">下一页</a></li>
				     	 </#if>
				     <li><span>共   页</span></li>
				    </ul>
			   </nav>
				
			</div>
		</div>
		<aside class="sidebar">
			<div class="fixed">
				<div class="widget widget-tabs">
					<ul class="nav nav-tabs" role="tablist">
						<li role="presentation" class="active"><a href="#notice"
							aria-controls="notice" role="tab" data-toggle="tab">网站公告</a></li>
						<li role="presentation"><a href="#centre"
							aria-controls="centre" role="tab" data-toggle="tab">会员中心</a></li>
						<li role="presentation"><a href="#contact"
							aria-controls="contact" role="tab" data-toggle="tab">联系站长</a></li>
					</ul>
					<div class="tab-content">
						<div role="tabpanel" class="tab-pane notice active" id="notice">
							<ul>
								<li><time datetime="2016-01-04">01-04</time> <a href=""
									target="_blank">欢迎访问异清轩博客</a></li>
								<li><time datetime="2016-01-04">01-04</time> <a
									target="_blank" href="">在这里可以看到前端技术，后端程序，网站内容管理系统等文章，还有我的程序人生！</a></li>
								<li><time datetime="2016-01-04">01-04</time> <a
									target="_blank" href="">在这个小工具中最多可以调用五条</a></li>
							</ul>
						</div>
						<div role="tabpanel" class="tab-pane centre" id="centre">
							<h4>需要登录才能进入会员中心</h4>
							<p>
								<a data-toggle="modal" data-target="#loginModal"
									class="btn btn-primary">立即登录</a> <a href="javascript:;"
									class="btn btn-default">现在注册</a>
							</p>
						</div>
						<div role="tabpanel" class="tab-pane contact" id="contact">
							<h2>
								Email:<br /> <a href="mailto:admin@ylsat.com"
									data-toggle="tooltip" data-placement="bottom"
									title="admin@ylsat.com">admin@ylsat.com</a>
							</h2>
						</div>
					</div>
				</div>
				<div class="widget widget_search">
					<form class="navbar-form" action="Search" method="post">
						<div class="input-group">
							<input type="text" name="keyword" class="form-control" size="35"
								placeholder="请输入关键字" maxlength="15" autocomplete="off">
							<span class="input-group-btn">
								<button class="btn btn-default btn-search" name="search"
									type="submit">搜索</button>
							</span>
						</div>
					</form>
				</div>
			</div>
			<div class="widget widget_sentence">
				<h3>每日一句</h3>
				<div class="widget-sentence-content">
					<h4>2016年01月05日星期二</h4>
					<p>
						Do not let what you cannot do interfere with what you can do.<br />
						别让你不能做的事妨碍到你能做的事。（John Wooden）
					</p>
				</div>
			</div>
			<div class="widget widget_hot">
				<h3>热门文章</h3>
				<ul>
					<li><a href=""><span class="thumbnail"><img
								class="thumb" data-original="images/excerpt.jpg"
								src="images/excerpt.jpg" alt=""></span><span class="text">php如何判断一个日期的格式是否正确</span><span
							class="muted"><i class="glyphicon glyphicon-time"></i>
								2016-1-4 </span><span class="muted"><i
								class="glyphicon glyphicon-eye-open"></i> 120</span></a></li>
					<li><a href=""><span class="thumbnail"><img
								class="thumb" data-original="images/excerpt.jpg"
								src="images/excerpt.jpg" alt=""></span><span class="text">php如何判断一个日期的格式是否正确</span><span
							class="muted"><i class="glyphicon glyphicon-time"></i>
								2016-1-4 </span><span class="muted"><i
								class="glyphicon glyphicon-eye-open"></i> 120</span></a></li>
					<li><a href=""><span class="thumbnail"><img
								class="thumb" data-original="images/excerpt.jpg"
								src="images/excerpt.jpg" alt=""></span><span class="text">php如何判断一个日期的格式是否正确</span><span
							class="muted"><i class="glyphicon glyphicon-time"></i>
								2016-1-4 </span><span class="muted"><i
								class="glyphicon glyphicon-eye-open"></i> 120</span></a></li>
					<li><a href=""><span class="thumbnail"><img
								class="thumb" data-original="images/excerpt.jpg"
								src="images/excerpt.jpg" alt=""></span><span class="text">php如何判断一个日期的格式是否正确</span><span
							class="muted"><i class="glyphicon glyphicon-time"></i>
								2016-1-4 </span><span class="muted"><i
								class="glyphicon glyphicon-eye-open"></i> 120</span></a></li>
					<li><a href=""><span class="thumbnail"><img
								class="thumb" data-original="images/excerpt.jpg"
								src="images/excerpt.jpg" alt=""></span><span class="text">php如何判断一个日期的格式是否正确</span><span
							class="muted"><i class="glyphicon glyphicon-time"></i>
								2016-1-4 </span><span class="muted"><i
								class="glyphicon glyphicon-eye-open"></i> 120</span></a></li>
				</ul>
			</div>
		</aside>
	</section>
	
	
	
	
	<footer class="footer">
		<div class="container">
			<p>
				&copy; 2016 <a href="">ylsat.com</a> &nbsp; <a
					href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">豫ICP备20151109-1</a>
				&nbsp; <a href="sitemap.xml" target="_blank" class="sitemap">网站地图</a>
			</p>
		</div>
		<div id="gotop">
			<a class="gotop"></a>
		</div>
	</footer>
	<!--微信二维码模态框-->
	<div class="modal fade user-select" id="WeChat" tabindex="-1"
		role="dialog" aria-labelledby="WeChatModalLabel">
		<div class="modal-dialog" role="document"
			style="margin-top: 120px; max-width: 280px;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="WeChatModalLabel"
						style="cursor: default;">微信扫一扫</h4>
				</div>
				<div class="modal-body" style="text-align: center">
					<img src="images/weixin.jpg" alt="" style="cursor: pointer">
				</div>
			</div>
		</div>
	</div>
	<!--该功能正在日以继夜的开发中-->
	<div class="modal fade user-select" id="areDeveloping" tabindex="-1"
		role="dialog" aria-labelledby="areDevelopingModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="areDevelopingModalLabel"
						style="cursor: default;">该功能正在日以继夜的开发中…</h4>
				</div>
				<div class="modal-body">
					<img src="images/baoman/baoman_01.gif" alt="深思熟虑" />
					<p
						style="padding: 15px 15px 15px 100px; position: absolute; top: 15px; cursor: default;">很抱歉，程序猿正在日以继夜的开发此功能，本程序将会在以后的版本中持续完善！</p>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" data-dismiss="modal">朕已阅</button>
				</div>
			</div>
		</div>
	</div>
	<!--登录注册模态框-->
	<div class="modal fade user-select" id="loginModal" tabindex="-1"
		role="dialog" aria-labelledby="loginModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<form action="Admin/Index/login" method="post">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
						<h4 class="modal-title" id="loginModalLabel">登录</h4>
					</div>
					<div class="modal-body">
						<div class="form-group">
							<label for="loginModalUserNmae">用户名</label> <input type="text"
								class="form-control" id="loginModalUserNmae"
								placeholder="请输入用户名" autofocus maxlength="15" autocomplete="off"
								required>
						</div>
						<div class="form-group">
							<label for="loginModalUserPwd">密码</label> <input type="password"
								class="form-control" id="loginModalUserPwd" placeholder="请输入密码"
								maxlength="18" autocomplete="off" required>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
						<button type="submit" class="btn btn-primary">登录</button>
					</div>
				</form>
			</div>
		</div>
	</div>
	<!--右键菜单列表-->
	<div id="rightClickMenu">
		<ul class="list-group rightClickMenuList">
			<li class="list-group-item disabled">欢迎访问异清轩博客</li>
			<li class="list-group-item"><span>IP：</span>172.16.10.129</li>
			<li class="list-group-item"><span>地址：</span>河南省郑州市</li>
			<li class="list-group-item"><span>系统：</span>Windows10</li>
			<li class="list-group-item"><span>浏览器：</span>Chrome47</li>
		</ul>
	</div>
	<script src="/hmp/showIndex/js/bootstrap.min.js"></script>
	<script src="/hmp/showIndex/js/jquery.ias.js"></script>
	<script src="/hmp/showIndex/js/scripts.js"></script>
	<script src="/hmp/editor.md-master/editormd.min.js"></script>
	<script src="/hmp/editor.md-master/lib/prettify.min.js"></script>
	<script src="/hmp/editor.md-master/lib/raphael.min.js"></script>
	<script src="/hmp/editor.md-master/lib/underscore.min.js"></script>
	<script src="/hmp/editor.md-master/lib/sequence-diagram.min.js"></script>
	<script src="/hmp/editor.md-master/lib/flowchart.min.js"></script>
	<script src="/hmp/editor.md-master/lib/jquery.flowchart.min.js"></script>
	<script src="/hmp/editor.md-master/lib/marked.min.js"></script>

 
<script type="text/javascript">
 		
 //document.getElementById('preview').innerHTML =
   //  marked(document.getElementById('content').value);
// getElementsByClassName
var aa=document.getElementById('content').value;
  editormd.markdownToHTML("preview", {
                        markdown        : aa ,//+ "\r\n" + $("#append-test").text(),
                        htmlDecode      : false,       // 开启 HTML 标签解析，为了安全性，默认不开启
                        htmlDecode      : "style,script,iframe",  // you can filter tags decode
                        //toc             : false,
                        tocm            : true,    // Using [TOCM]
                        //tocContainer    : "#custom-toc-container", // 自定义 ToC 容器层
                        //gfm             : false,
                        //tocDropdown     : true,
                        // markdownSourceCode : true, // 是否保留 Markdown 源码，即是否删除保存源码的 Textarea 标签
                        emoji           : true,
                        taskList        : true,
                        tex             : true,  // 默认不解析
                        flowChart       : true,  // 默认不解析
                        sequenceDiagram : true,  // 默认不解析
                    });
</script>

</body>
</html>
